<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        // 1.检测是否为数组
        // (1)instanceof 运算符 它可以用来检测是否为数组
        var arr = [1, 2, 3, 5];
         console.log(arr instanceof Array);
        // (2)Array.isArray(参数);H5新增的方法 ie9以上版本才支持
        console.log(Array.isArray(arr));
        // 2.添加和删除元素方法
        // (1)push()在数组后面添加元素
        var arr = [1,2,3];
        arr.push(4,5,6);// 将4，5，6，7追加到数组arr后
        console.log(arr);
        console.log(arr.push(5));// 返回新数组的长度
        // (2)unshift 在数组前面添加元素
        console.log(arr.unshift('wdc', 'hh'));
        console.log(arr)
        // (3)pop()删除数组中最后一个元素
        console.log(arr.pop());// 返回结果删除的那个元素
        console.log(arr);
        // (4)shift()删除数组中的第一个元素
        console.log(arr.shift());
        console.log(arr);// 返回结果删除的那个元素
        // 筛选数组案例
        var arr = [1500, 1200, 2000, 2100, 1800];
        var newArr = [];
        for (var i = 0; i < arr.length; i++) {
            if (arr[i] < 2000) {
                newArr.push(arr[i]);
            }
        }
        console.log(newArr);
        // 3.数组排序
        // (1)反转数组
        arr.reverse();
        console.log(arr);
        // (2)冒泡排序
        var arr1 = [3, 4, 7, 1];
        arr1.sort(function(a, b){
            // return a - b;// 升序
            return b - a;// 降序
        });
        console.log(arr1);
        // 4.返回数组索引号 indexOf(),lastIndexOf()
        var arr = ['red', 'green', 'red', 'blue', 'red'];
        console.log(arr.indexOf('blue'));// 返回第一个满足条件的数组索引号，如果找不到返回-1
        var index = arr.indexOf('red');
        while(index !== -1) {
            console.log('index' + index);
            index = arr.indexOf('red', index + 1);
        }
        // 数组去重（重点案例）
        var arr = ['c', 'a', 'z', 'a', 'x', 'a', 'x', 'c', 'b'];
        function unique(arr) {
            var newArr = [];
            for (var i = 0; i < arr.length; i++) {
                if (newArr.indexOf(arr[i]) === -1) {
                    newArr.push(arr[i]);
                }
            }
            return newArr;
        }
        console.log(unique(arr));
        // 5.数组转换为字符串
        // (1)toString()
        var arr = [1, 2, 3];
        console.log(arr.toString()); // 1,2,3
        // (2)join(分隔符)
        var arr = ['green', 'blue', 'pink'];
        console.log(arr.join());
    </script>
</head>
<body>
    
</body>
</html>